﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Demo</title>
        <link href="/Scripts/JQuery_zTree_v3.3/css/zTreeStyle/zTreeStyle.css" rel="stylesheet"
            type="text/css" />
        <link href="/Scripts/JQuery_zTree_v3.3/css/ctrldemo.css" rel="stylesheet" type="text/css" />
        <link href="../../Styles/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="/Scripts/Ctrls/Ctrl.css" rel="stylesheet" type="text/css" />
         <script src="/Scripts/jquery-1.6.min.js" type="text/javascript"></script>
        <script src="/Scripts/JQuery_zTree_v3.3/js/jquery.ztree.core-3.3.js" type="text/javascript"></script>
        <script src="/Scripts/JQuery_zTree_v3.3/js/jquery.ztree.excheck-3.3.min.js" type="text/javascript"></script>
        <script src="../jquery.form.js" type="text/javascript"></script>
        <script src="../jquery.data.js" type="text/javascript"></script>
                <script type="text/javascript" src="jquery.AutoComplete.js?version=1.01"></script>
        <script src="jQuery.DataQuery.js" type="text/javascript"></script>
<script src="jquery.OrgPostEmpData.js" type="text/javascript"></script>
      <script src="/Scripts/Ctrls/jquery.DeptSelect.js" type="text/javascript"></script>
        <script src="/Scripts/Ctrls/jquery.OrgData.js" type="text/javascript"></script>
        <script src="/Scripts/Ctrls/jquery.OrgPostEmpData.js" type="text/javascript"></script>
        <script src="/Scripts/Ctrls/jquery.TreesSelect.js?v=0.1" type="text/javascript"></script>
       <script src="/Scripts/Ctrls/jquery.MultiPostSelect.js" type="text/javascript"></script>
        <script src="/Scripts/ctrls/jquery.UserSelect.js" type="text/javascript"></script>
        <script src="/Scripts/ctrls/jquery.MultiUserSelect.js" type="text/javascript"></script>
        <script src="jquery.Commbox.js" type="text/javascript"></script>
        <style type="text/css">
            body {
                background-color: #F8F8FF;
            }
            
            #main {
                position: absolute;
                top: 100px;
                left: 36%;
                width: 400px;
                background-color: #F5FFFA;
                
              
            }
            
               #input_text{
                position: absolute;
                 
                font-size: 18px;
                width: 390px;
                height: 23px;
                border: 1px solid #C9C9C9;
            }
            .selected
            {
                 border: 1px solid #DDD;
                 background-color: #F5FFAA;
            }

            
            
.grid
{
    margin: 0px;
    border-collapse: collapse;
    table-layout: fixed;
}
.grid thead td
{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: url(../Images/column-header-bg.png) repeat-x;
    text-align: left;
    padding: 5px 1px;
    font-weight: normal;
    text-overflow:ellipsis; 
    word-break:keep-all;
    overflow:hidden;
    font-weight: bold;
    color:#666;
}
.grid tbody tr th
{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: url(../Images/column-header-bg.png) repeat-x;
    text-align: left;
    padding: 5px 1px;
    font-weight: normal;
    text-overflow:ellipsis; 
    word-break:keep-all;
    overflow:hidden;
    font-weight: bold;
    color:#666;
}
.grid tbody td
{
    text-align: left;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 1px 1px;
    height: 20px;
    word-break: break-all;
} 
.grid tbody td .txt
{
	border: 0px solid #fff;
	font: Verdana, Geneva, sans-serif,宋体;
    padding:0px;
	height: 22px;
	line-height: 22px;
    width:100%;
}
.grid tbody td .disabled
{
	 background: #F7F7F7; 
}
.grid tfoot td .txt
{
	border: 0px solid #fff;
	font: Verdana, Geneva, sans-serif,宋体;
    padding:0px;
	height: 22px;
	line-height: 22px;
    width:100%;
}
.grid tfoot td{    
    border-right: 1px solid #ccc;
    background: #FFFDCD;
    text-align: left;
    padding: 3px 1px;
    font-weight: normal;
    text-overflow:ellipsis; 
    word-break:keep-all;
    overflow:hidden;
}
.grid tbody td .txtselect
{
    border: 0px solid #fff;
    padding:0px;
	font: Verdana, Geneva, sans-serif,宋体;
	height: 22px;
	line-height: 22px;
    width:100%;
}
.td-div
{
    background: #F7F7F7; 
    cursor: pointer;
}
.tableobj
{
    margin: 0px;
    border-collapse: collapse;
    table-layout: fixed;
}
.tableobj tbody td
{
    text-align: left;
    border-right: 1px solid #ccc;
    padding: 1px 1px;
    height: 20px;
    word-break: break-all;
} 
.tableobj tbody .selected
{
    background-color: #6699cc;
    color: #fff;
}
 
 /*查询*/

 #div_list_query table tbody tr td
 { 
      border : 0px;
      border-bottom: 1px solid #ccc;
 } 
  #div_list_query table thead  th
 { 
      border : 0px;
      overflow:hidden;
      background-color:#eee;
      border: 1px solid #ddd;
      font-weight:bold;
 } 
  #div_list_query_data
  {
      overflow:auto;
  } 
 /**/
     </style>

    </head>

    <body>
        <div id="main" class=" ">
            <input type="text" SValue="" SText="" style="width:200px;" id="dept1" ctrlType="SingleUser" entity="V_DataUser" />
            <input type="text" SValue="" SText="" id="Text2" style="width:200px;" ctrlType="SingleUser" entity="V_DataUser"/>
            <input type="text" SValue="" SText="" id="dept2" ctrlType="Dept"/>
            <input type="text" SValue="" SText="" id="user1" style="width:200px;" ctrlType="SingleUser" entity="V_DataUser"/>

            <input type="text" SValue="" SText="" id="Text3" style="width:200px;" ctrlType="SingleUser"  entity="V_DataLeaveEmployee"/>
            E
            <input type="text" SValue="" SText="" id="Text1"   style="width:400px;"  ctrlType="TreeSelect" SelectMode="m" entity="V_PostData" />
            P----
            <input type="text" SValue="" SText="" id="Text4" ctrlType="TreeSelect" SelectMode="s" entity="V_PostData"  event="SelectPost()"/>
            D
            <input type="text" SValue="" SText="" id="Text5" ctrlType="TreeSelect" SelectMode="s" entity="V_Dept" />
            <input type="text" SValue="" SText="" id="Text7" value="" ctrlType="AutoComplete" SelectMode="s" entity="V_Dept" filter="DeptPath,name" valuemember="DeptPath" displaymember="name" listMember="[{F:'name',W:'150px'},{F:'DeptPath',W:'120px'}]"/>
           
           <input type="text" SValue="" SText="" id="Text8" value="" ctrlType="AutoComplete" SelectMode="s" entity="V_hrEmployee" filter="EmployeeCode,CName" valuemember="EmployeeCode" displaymember="CName" listMember="[{F:'EmployeeCode',W:'150px'},{F:'CName',W:'120px'},{F:'Gender',W:'120px'}]"/>

           <input type="text" SValue="" SText="" id="Text9" value="" ctrlType="AutoComplete" SelectMode="s" entity="V_hrEmployee" filter="EmployeeCode,CName" valuemember="EmployeeCode" displaymember="CName" listMember="[{F:'EmployeeCode',W:'150px'},{F:'CName',W:'120px'}]"/>
            
            RRR
            <input type="text" SValue="" SText="" id="Text10" value="" ctrlType="AutoComplete" SelectMode="s" entity="V_CrmCustomerOrder" filter="Code,OrderAddUserName,CustomerName" valuemember="ID" displaymember="CustomerName" listMember="[{F:'Code',W:'150px'},{F:'CustomerName',W:'120px'},{F:'OrderAddUserName',W:'120px'}]"/>

            P
            <input type="text" SValue="" SText="" id="Text6" ctrlType="Commbox" SelectMode="s" entity="V_Dept" filter="DeptPath,name" valuemember="DeptPath" displaymember="name" listMember="[{F:'name',W:'150px'},{F:'DeptPath',W:'120px'}]"/>
            <input type="button" value=".." id="btnQuery"/>
            U
<!--            <input type="text" SValue="" SText="" id="user2" ctrlType="MultiUser"/>-->
       <script language="javascript">

           var const_QueryField = "RoleName";
           var const_DataFields = [{ key: 'RoleID', label: 'RoleID', width: 10, sortable: true, resizeable: true }, { key: 'iSun_Selected', label: '', width: 10, formatter: "checkbox" }, { key: 'RoleName', label: '角色名称', width: 100, sortable: true, resizeable: true }, { key: 'Remark', label: '描述', width: 500, sortable: true, resizeable: true }];
           function SelectPost() {
               debugger
               var _data = fnGetSalaryRecords("HZ24022");
               var _date = fnGetEmployeeJoinDate("HZ24022");

              // alert(encodeURI("D1EEC2B6"));
           }
           //var $ = jQuery = function () { } ();
           //alert($("#main>input[id=user2]")[0].tagName);
           //alert($("#main>input[id=user2]").attr('id'));
           $("#main>input[id=dept1]").attr('style', "border: 1px solid red");
           $("#main>div").attr('style', "border: 1px solid red");
           $("#btnQuery").DataQuery(const_QueryField, const_DataFields);
       </script>
    </body>
</html>
 